@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

html, body {
  height: 100% !important;
  min-height: 100% !important;
  margin: 0px !important;
  min-width: 700px !important;
  margin:0;
  padding:0;
  background-color:#222222;
}
a {
	text-decoration:none;
	color:white;
}
ul {
	list-style:none;
	display:inline;
}
#body {
  line-height: 1;
}

#links {
  margin-top: 0;
}
* {
	padding:0;
	margin:0;
	outline:none;
	font-family:league gothic;
}
#links .treemapView a:link,
#links .treemapView a:visited,
#links .treemapView a:hover,
#links .treemapView a:active {
  text-shadow: none !important;
  font-family: League Gothic , HelveticaNeueLT Std Cn,  arial, Georgia, Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-decoration: none;
}

.treemapView {
  vertical-align: middle;
}

.treemapCell {
  border-color: #000000 !important;
/*  text-shadow: 0px 0px 5px #000000;
filter: dropshadow(color=#000000, offx=0, offy=0); */
}

.treemapCell:hover {
  opacity: .85 !important;
  filter: alpha(opacity=85) !important;
}

.treemapCell span {
  font-size: 1px;
}

.treemapCell span strong {
  font-size: 1px !important;
}

.treemapCell img {
  margin: 2px;
  width: 16px;
  height: 16px;
}

.treemapSquare a:link span {
  color: #FFFFFF;
  text-decoration: none;
}

.treemapSquare a:visited span {
  color: #FFFFFF;
  text-decoration: line-through;
  opacity: .25;
  filter: alpha(opacity=25);
}

.treemapSquare a:hover span {
  color: #FFFFFF;
}
/*

		#fulldisp {
			min-height: 300px;
			margin:0;
			padding:0;
			width:100%;
			background-color:#dedebe;
		}
		.titdisp
		{
			width: 100%;
			height: 90px;
			background-color: #dedebe;
			font-family: League Gothic ,league gothic;
			margin:0;
			padding:0;
		}
		.titdisp .titbox
		{
			position:absolute;
			width:100%;
			height:90px;
			padding:0;
		}
		
		.headall {
			font-size:30px;
			font-family:league gothic;
		}
		.titdisp .headall {
			margin-left:5px;
		}
		.bodyall {
			font-size:25px;
			font-family:league gothic;
		}
		.nameall {
			font-size:35px;
			font-family:league gothic;
		}
		.lrbox {
			height:30%;
			overflow: scroll;
			width:100%;
			background-color: #dedebe;
			margin:0;
			padding:0;
			float:left;
		}
		.leftbox {
			float:left;
			width: 50%;
			height:30%;
			background-color: #dedebe;
			margin:0;
			padding:0;
		}
		.rightbox {
			float:right;
			width: 50%;
			height:30%;
			background-color: #dedebe;
			margin:0;
			padding:0;
		}
		.lbox {
			height:auto;
			width: auto;
			margin: 10px;
			background-color: #dedebe;
		}
		.rbox {
			height:auto;
			width: auto;
			margin: 10px;
			background-color: #dedebe;
		}
		.arbut a {
			width: 300px;
			background-color: #dedebe;
		}
		.arbut {
			font-family:league gothic;
			font-size:40px;
			margin:auto;
			padding:0;
			text-align:center;
			color: white;
			padding-bottom:10px;
			background-color: #dedebe;
			width: 300px;
		}
		.arbut .abut{
			background-color:#222222;
			width: 300px;
			margin: auto;
			padding:0;
		}
		.arbut .rbut{
			background-color:#222222;
			width: 300px;
			margin: auto;
			padding:0;
			margin-top:10px;
		}
		.arbut a {
			text-decoration:none;
			color:#fff;
		}*/
		
		.titdisp
		{
			width: 100%;
			height: 90px;
			background-color: #dedebe;
			font-family: League Gothic , Arial, league gothic;
			margin:0;
			padding:0;
		}
		.titdisp .titbox
		{
			position:absolute;
			width:100%;
			height:90px;
			padding:0;
			color:white;
		}
		
		.headall {
			font-family: League Gothic , HelveticaNeueLT Std Cn, league gothic;
		}
		.titdisp .headall {
			margin-left:5px;
		}
		.bodyall {
			font-family: League Gothic , HelveticaNeueLT Std Cn,  Arial, league gothic;
		}
		.nameall {
			font-family: League Gothic , HelveticaNeueLT Std Cn,  Arial, league gothic;
		}
		.lrbox {
			width:100%;
			height:350px;
			background-color: #dedebe;
			margin:0;
			padding:0;
			float:left;
		}
		.leftbox {
			float:left;
			width: 50%;
			height:100%;
			background-color: #dedebe;
			margin:0;
			padding:0;
		}
		.rightbox {
			float:right;
			width: 50%;
			height:100%;
			background-color: #dedebe;
			margin:0;
			padding:0;
		}
		.lbox {
			height:100%;
			width: 100%;
			background-color: #dedebe;
			overflow:hidden
		}
		.rbox {
			height:100%;
			width: 100%;
			background-color: #dedebe;
			overflow:hidden
		}
		.arbut a {
			width: 300px;
			background-color: #dedebe;
		}
		.arbut {
			font-family: League Gothic , HelveticaNeueLT Std Cn,  Arial, league gothic;
			font-size:40px;
			margin:auto;
			padding:0;
			text-align:center;
			color: white;
			padding-bottom:10px;
			background-color: #dedebe;
			width: 300px;
		}
		.arbut .abut{
			background-color:#222222;
			width: 300px;
			margin: auto;
			padding:0;
		}
		.arbut .rbut{
			background-color:#222222;
			width: 300px;
			margin: auto;
			padding:0;
			margin-top:10px;
		}
		.arbut a {
			text-decoration:none;
			color:#fff;
		}
		#fancybox-tmp {
			padding:0;
		}
		#createnewtask {
			font-family: League Gothic;
			font-size:30px;
				font-weight:normal;
		}
		#form {
			background-color:#dedebe;
			font-weight:normal;
			margin:0;
			padding:0;
		}
		.fcat {
			width:100%;
			height:28px;
			font-size:25px;
			margin-top:5px;
			margin-bottom:5px;
			padding:0;
			margin:auto;
			font-weight:normal;
			background-color:#222222;
			color:white;
		}
		#frm {
			margin:10px;
		}
		#submit {
			margin:auto;
		}
		.networkSites {
			font-family:league gothic;
			font-weight:normal;
			font-size:22px;
		}
		.navBar {
			font-family:league gothic;
			font-size:22px;
			color: white;
			height:42px;
		}
		#navin {
			float:right;
			margin-top:5px;
			padding-right:10px;
		}
		#foot {
			float:left;
			font-family:league gothic;
			color:white;
			font-size:25px;
			outline:none;
		}
		#foot a {
			color:#222222;
			font-size:21px;
			background-color:white;
			padding-left:5px;
			padding-right:5px;
			font-family:league gothic;
			height:34px;
			padding-top:4px;
			padding-bottom:4px;
		}
		#foot #next {
			margin-left:0px;
		}
		#foot #next {
			padding-left:20px;
			padding-right:20px;
		}
		#navin span {
			padding-top:2px;
		}
		#navin input {
			float:left;
			margin-top:3px;
			color:black;
		}
		.navBar input {
			font-weight:normal;
			width:200px;
			height:19px;
			font-family:league gothic;
			font-size:22px;
			border:none;
			color:#222222;
			background-color:white;
		}
		#search {
			margin:0;
			padding:0;
			line-height:0;
			height:25px;
		}
		#fancybox-content {
			background-color:#dedebe;
		}
		
		/*
		cr8 new task
		*/
	#frmfill span{
		font-size:25px;
	}
	#frmfill #frmo1 {
		font-size:25px;
	}
	#frmfill #frm {
		background-color:#dedebe;
		height:380px;
		width:98%;
	}
	#frmfill #frml {
		width:50%;
		height:135px;
		float:left;
	}
	#frmfill #frmr {
		width:50%;
		height:135px;
		float:left;
	}
	#frmfill #frm input {
		width:100%;
		height:30px;
		background-color:#222222;
		font-family:Verdana, Geneva, sans-serif;
		font-size:25px;
		color:white;
		border:1px solid black;
		margin: auto;
	}
	#frmfill #frml input {
		width:96%;
		height:25px;
		background-color:#222222;
		font-family:Verdana, Geneva, sans-serif;
		font-size:20px;
		margin-top:-10px;
		color:white;
		border:1px solid black;
	}
	#frmfill #frmr #description {
		width:96%;
		height:89px;
		background-color:#222222;
		font-family:Verdana, Geneva, sans-serif;
		font-size:18px;
		overflow-y:auto;
		color:white;
		border:1px solid black;
		resize:none;
	}
	#frmfill #frml select {
		width:97%;
		margin-top:3px;
		margin-bottom:3px;
		height:25px;
		background-color:#222222;
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
	}
		
	#frmfill #frmr #description2 {
		width:96%;
		height:150px;
		background-color:#222222;
		font-family:Verdana, Geneva, sans-serif;
		font-size:18px;
		overflow-y:auto;
		color:white;
		border:1px solid black;
		resize:none;
	}
	#frmfill #crfrbu {
		width:300px;
		margin:auto;
		margin-top:150px;
		text-align:center;
		background-color:#222222;
		font-size:35px;
		text-decoration: none;
	}
	#crfrbu2 {width:300px;
		margin:auto;
		margin-top:10px;
		text-align:center;
		background-color:#222222;
		font-size:35px;
		text-decoration: none;
	}
	#frmfill #crfrbu3 {
		width:300px;
		margin:auto;
		margin-top:200px;
		text-align:center;
		background-color:#222222;
		font-size:35px;
		text-decoration: none;
	}
	#frmfill #crfrbu4 {
		width:300px;
		margin:auto;
		margin-top:10px;
		text-align:center;
		background-color:#222222;
		font-size:35px;
		text-decoration: none;
	}
	#frmfill #submit {
		width:300px;
		font-family:league gothic;
		color:white;
		background-color:#222222;
		text-align:center;
		font-size:35px;
		text-decoration: none;
	}
	#frmfill #frmcat {
		margin-top:10px;
		
	}
	/* 
	Done
	*/
	.navBar {
		font-size:25px;
		overflow:hidden;
		}
	.navBar select {
		font-family:league gothic;
		font-size:20px;
		height:26px;
	}
	#srtbx {
		font-size:25px;
	}
	#srttit {
		float:left;
		margin-right:3px;
		margin-left:4px;
	}
	#navin1 {
		float:left;
	}
	#navin3 {
		float:right;
	}
	#ascordsc {
		margin-right:35px;
	}
	
	.orderby {
		margin-right:8px;
		margin-left:8px;
	}
	
	#navchkbox ul li input{
		height: 13px;
		width:13px;
		color:black;
		background-color:white;
		border:none;
		margin-right:5px;
		margin-top:0px;
		padding:0;
		display:inline;
	}
	#navchkbox ul li {
		margin:0;
		padding:0;
	}
	#orderby , #orderby2{
	font-family: Arial, Helvetica, sans-serif;
		background-color:#222222;
		color: white;
		font-size:16px;
		font-weight:bolder;
		border:1px solid white;
		
	}
	.orderby optgroup {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	
	}
	
#navin1 ul li {
	display:inline;
	color:white;
	margin-right: -2px;
}/*
#navin1 ul li #freshtasks:hover,#navin1 ul li #interests:hover,#navin1 ul li #posts:hover,#navin1 ul li #assigned:hover,#navin1 ul li #dwnreq:hover, #navin1 ul li #formlink:hover {background-color: white; color:#222222;}*/
#navin1 ul li a {
	padding:10px;
}

#navin1 ul li #formlink {margin-right: 10px;}

.hoverClass {
	background-color:white;
	color:#222222;
}
.hoverClass1 {
	background-color:white;
	color:#222222;
}
#navchkbox ul {
	float:right;
	color:white;
}
#navchkbox ul li {
	float:left;
}

	#navchkbox dl { font-family:league gothic; font-size:20px; color:#000;}
    #srtbx .desc { color:#6b6b6b;}
    #srtbx .desc a {color:#0092dd;}
    #srtbx .dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
    #srtbx .dropdown dd { position:relative; margin-top:-323px; }
    #srtbx .dropdown a, .dropdown a:visited { color:#fff; text-decoration:none; outline:none;}
    #srtbx .dropdown a:hover { color:#222222;}
    #srtbx .dropdown dt a:hover { color:#222222; border: 1px solid #d0c9af; background-color:#fff}
    #srtbx .dropdown dt a {background-color:#222222; display:block; padding-right:20px;
                       border:1px solid #d4ca9a; width:150px; height:32px;}
    #srtbx .dropdown dt a span {cursor:pointer; display:block; padding:4px;}
    #srtbx .dropdown dd ul { background:#222222 none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none;
                         left:0px; padding:5px 0px; position:absolute; top:2px; width:160px; min-width:170px; list-style:none;}
    #srtbx .dropdown span.value { display:none;}
	#srtbx .dropdown dd ul li {font-size:20px;}
    #srtbx  .dropdown dd ul li a { padding:5px; display:block; width:160px;}
    #srtbx  .dropdown dd ul li a:hover { background-color:white;}
        
    #srtbx  .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
	#srtbx .dropdown .sbhead { color:#999; margin-left:3px; padding: 2px; }
    #srtbx  .flagvisibility { display:none;}
		
		
		.tab1, .tab2 {
			float:left;
		}
		
	
#reqcon {
	overflow:auto;
	width:100%;
	font-family:league gothic;
}
.req {
	height:100px;
	width:100%;
	background-color: #c43c3c;
}
.reqtitin {
	height:75px;
	margin-left:10px;
}
.reqtit {
	width:100%;
	height:100px;
	float:left;
}
.reqin {
	float: right;
	width: 330px;
	height:100px;
	font-size:26px;
}
.reqby {
	height:30px;
	position:absolute;
	margin-left:10px;
	float:left;
	font-size:20px;
}
.check {
	width:15px;
	height:15px;
	background-color:white;
	border:none;
	margin-left: 10px;
}
.checkp {
	margin-left:7px;
	padding:0;
}
.reqinp {
	width:223px;
	height:28px;
	border:1px solid #222222;
	font-size:25px;
	float:left;
	margin-left:3px;
	background-color:#a03131;
}
.reqbutton {
	width:80px;
	height:28px;
	border:1px solid #222222;
	margin-top:0px;
	background-color:#a03131;
	float:right;
	margin-right:10px;
}
.reqbutton .in {
	font-size:26px;
	margin-top:-2px;
	margin-left:20px;
}
.req .links {
	background-color:white;
	width:310px;
	height:30px;
	color:black;
	overflow:auto;
	float:left;
	margin-top:5px;
	margin-right:10px;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.reqtitup {
	height:100px;
	float:left;
}
.pannel-wrapper {
	text-align:center;
}
.cr8 {
	font-size:25px;
	margin:auto;
	color:white;
	width:250px;
	height:35px;
	padding-top:35px;
	padding-bottom:32px;
	float:left;
	text-align:center;
	background-color:#222222;
}
#cat1 {
	padding:4px;
	background-color:#3f901d;
}
#cat2 {
	padding:4px;
	background-color:#9a1f1f;
}
#cat3 {
	padding:4px;
	background-color:#99861f;
}
#cat4 {
	padding:4px;
	background-color:#421f9b;
}
#cat5 {
	padding:4px;
	background-color:#841a76;
}
#cat6 {
	padding:4px;
	background-color:#1d925f;
}
#cat7 {
	padding:4px;
	background-color:#1f679b;
}
#cr81 {
	background-color:#3f901d;
}
#cr82 {
	background-color:#9a1f1f;
}
#cr83 {
	background-color:#99861f;
}
#cr84 {
	background-color:#421f9b;
}
#cr85 {
	background-color:#841a76;
}
#cr86 {
	background-color:#1d925f;
}
#cr87 {
	background-color:#1f679b;
}
#cr81:hover, #cr82:hover, #cr83:hover, #cr84:hover, #cr87:hover, #cr85:hover, #cr86:hover, #cr88:hover{
	background-color:white;
	color:#222222;
}
#dwnselect {
	height:20px;
}
.selinf {
	background-color:#222222;
	color:#fff;
}